<template>
    <div class="messageToUs">
        <header>
            <div class="title">
                给我们留言
            </div>
            <div class="goback" @click="$router.go(-1)">
                <van-icon name="arrow-down" />
                关闭
            </div>
        </header>
        <div class="container">
            您好，很抱歉我们暂时无法为您提供服务，如需帮助请留言，我们会尽快为您解决问题
        </div>
        <div class="form">
            <div class="title">手机</div>
            <van-field v-model="phone" type="tel" placeholder="请输入" />
            <div class="title">
                留言内容
                <span style="color:red">*</span>
            </div>
            <van-field 
                v-model="message"
                rows="3"
                autosize
                type="textarea"
                placeholder="请输入留言"
                />
            <van-button type="info" @click="submit" class="submit">提交</van-button>
        </div>
        
        
    </div>
</template>

<script>
    export default {
        data:()=>({
            phone:"",
            message:""
        }),
        methods:{
            submit(){
                
            }
        }
    }
</script>

<style lang="scss" scoped>
.messageToUs{
    width: 100%;
    height: 667px;
    background: rgb(240, 240, 245);
}
header{
    width: 100%;
    height: 50px;
    background: rgb(0, 122, 255);
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    box-sizing: border-box;
    padding: 0 10px;
}
.container{
    width: 90%;
    height: 60px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 10px 0;
    color: rgb(150, 150, 150);
}
.form{
    width: 100%;
    margin: 0 auto;
    text-align: center;
    .title{
        height: 30px;
        line-height: 30px;
        margin-left: 10px;
        text-align: left;
    }
    .submit{
        width: 80%;
        margin-top: 20px;
        border-radius: 5px;
    }
}
</style>